<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
	*{
		margin:0 auto;
	}
	a{
		text-decoration: none;
		color: black;
	}
	
	.top{
		width:1300px;
		height:30px;
		line-height: 30px;
	}
	.top_left{
		float:left;
		margin-left:100px;
		color:#ff5040;
		font-size:14px;
	}
	.top_right{
		float:left;
		margin-left:700px;
	}
	ul{
		list-style: none;
	}
	.top_right ul li{
		float:left;
		margin-left:10px;
	}
	.top_right ul li a{
		font-size: 14px;
		color: #505050;
	}
	.top_right ul li a:hover{
		color: orange;
	}
	.top_right i{
		color:#ff5040;
	}
	.middle{
		width:1300px;
		height:120px;
	}
	.middle_left{
		float:left;
		width:30%;
		margin-left:100px;
	}
	.middle_right{
		float:left;
		width:60%;
		margin-top: 35px;
	}
	.middle_line{
		width:1300px;
		height:6px;
		background-color: #F42712;
	}
	.middle_table{
		width:1300px;
		height:450px;
		margin-top: 20px;
	}
	.middle_table a{
		font-size: 14px;
		color:gray;
	}
	.middle_table a:hover{
		color:blue;
	}
	.form{
		width:1300px;
		height:500px;
	}
	.button{
		width:1300px;
		height:50px;
	}
	.zhong{
		width:1300px;
		height:200px;
		line-height: 200px;
		text-align: center;
	}
	.zhong1{
		width:1300px;
		height:200px;
	}
	.picture{
		width:1300px;
		height:65px;
	}
</style>
</head>
<body>
	<div class="top">
		<div class="top_left">
			Hi,<a href="">${username }</a><a href="index.jsp">[退出]</a>
		</div>
		<div class="top_right">
			<ul>
					<li><a href="CartCheckServlet"><i class="fa fa-shopping-cart"></i>&nbsp;购物车</a></li>
					<li> | </li>
					<li><a href="">我的订单</a></li>
					<li> | </li>
					<li><a href="">我的当哩个当</a></li>
					<li> | </li>
					<li><a href="">帮助</a></li>
				</ul>
		</div>
	</div>
	<div class="middle">
		<div class="middle_left">
			<img src="../image/cartlogo.bmp">
		</div>
		<div class="middle_right">
			<table cellpadding="0" cellspacing="0" border="0" width="70%" height="50" style="line-height: 50px;text-align: center">
				<tr>
					<td>我的购物车</td>
					<td>填写订单</td>
					<td style="display: block;background-color: #ccc">完成订单</td>
				</tr>
			</table>
		</div>
	</div>
	<div class="middle_line" onmouseover="this.style.backgroundColor='blue'" onmouseout="this.style.backgroundColor='#F42712'"></div>
	<div class="picture"><img src="../image/zhong.jpg"></div>
	<div class="zhong">
		完成订单！
	</div>
	<div class="zhong1">
		<table width="500px;">
			<tr>
				<td><a href="TiaozhuanServlet" style="background-color: red;width:100px;height:40px;font-size: 16px;color:white;display: block;text-align: center;line-height: 40px">继续购物</a></td>
				<td><a href="../myorder.jsp" style="background-color: red;width:100px;height:40px;font-size: 16px;color:white;display: block;text-align: center;line-height: 40px">查看订单</a></td>
			</tr>
		</table>
	</div>
	<c:import url="bottom.jsp"></c:import>
</body>
</html>